<template>
  <el-card
      class="card"
      shadow="hover"
      :body-style="bodyStyle"
  >
    <span slot="header">
      <slot name="header" style="padding: 0 !important;"></slot>
    </span>
    <slot></slot>
  </el-card>
</template>

<script>
export default {
  props: {
    bodyStyle: {
      type: Object,
      default: () => {
        return {
          padding:'5px'
        }
      }
    }
  }
}
</script>

<style>
.card {
  height: 100%;
  width: 100%;
}

.el-card__header {
  padding-top: 10px;
  padding-bottom: 10px;
}
</style>